@import './base/reset.less';
@import './base/onepx.less';
@import './iconfont/iconfont.less';
@import "./aspectratio.less";
@import "./theme.less";

[w-20]{
  width: 20px;
  height: 100%;
}
[w-40]{
  width: 40px;
  height: 100%;
}
[w-200]{
  width: 200px;
  height: 100%;
}
[h-80]{
  height: 80px;
  width: 100%;
}
[h-20]{
  height: 20px;
  width: 100%;
}
[h-100]{
  height: 100px;
  width: 100%;
}
/*大容器元素使用该class*/
.container {
  display: block;
}
[flexContainer] {
  display: flex;
  width: 750px;
}
/*列表类型元素使用该class*/
.block-item {
  display: block;
}
/*小块级元素使用该class*/
.block {
  display: block;
}
img{
  width: 100%;
  height: auto;
  vertical-align: top;
}
/*去掉背景色的黄色*/
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 9999px white;
}
.color-white{
  background-color: @color-white;
}
.color-gray{
  background-color: @color-gray;
}
